<!--
  Generated template for the SetpaypwdPage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->
<ion-header>

  <ion-navbar>
    <ion-title>设置支付密码</ion-title>
  </ion-navbar>

</ion-header>


<ion-content padding>
	<div class="capt" #one>
		<div class="title">
			<span>
				我们已发送验证码到你的手机
			</span>
			<span>
				<b>{{userName}}</b>
			</span>
		</div>
		
		<div class="inp" (click)="fucus(inps)">
				<input class="insad" type="tel" unselectable="true" pattern="[0-9]+" #inps  maxlength="6" (click)="fucus(inps)" (textInput)="captInfo(inps,$event,one,two)"/>
			
			<div class="input"  >
				
				<div class="pan" #intT  >
					<input type="tel" unselectable="true"  #int1 pattern="[0-9]+" autofocus="autofocus"  maxlength="1" (click)="onclic(intT,int1)"/>
					<input type="tel" unselectable="true" #int2 pattern="[0-9]+"  maxlength="1" (click)="onclic(intT,int2)"/>
					<input type="tel" unselectable="true" #int3 pattern="[0-9]+"  maxlength="1" (click)="onclic(intT,int3)"/>
					<input type="tel" unselectable="true" #int4 pattern="[0-9]+"  maxlength="1" (click)="onclic(intT,int4)"/>
					<input type="tel" unselectable="true" #int5 pattern="[0-9]+"  maxlength="1" (click)="onclic(intT,int5)"/>
					<input type="tel" unselectable="true" #int6 pattern="[0-9]+"  maxlength="1" (click)="onclic(intT,int6)"/>
				</div>
			</div>
		</div>
		<div class="time">
			<span *ngIf="tufa == 0" class="try" (click)="firstSend()">
				{{msgText}}
			</span>
			<div *ngIf="tufa != 0">
				<span *ngIf="captTime != 0">
					{{captTime}}秒
				</span>
				<span class="try" *ngIf="captTime == 0" (click)="trySend()">
					再次发送
				</span>
			</div>
			
			
		</div>
	</div>
	<div class="password" #two>
		<div class="title">
			<span>{{pwdtext}}</span>
		</div>
		<div class="hidden-pwd" (keyup)="backkey(int,$event)" >
			<input #inp (textInput)="intkey(int,inp,$event)" autofocus="autofocus"  pattern="[0-9]*" type="number" class="number">
		</div>

		<div class="input"  >
			<div class="pan" #int >
			<!-- <div class="pan" #int (keyup)="backkey(int,$event)" (keypress)="intkey(int,$event)"> -->
				<span  >
					<!-- <span ></span> -->
				</span>
				<span >
					<!-- <span></span> -->
				</span>
				<span >
					<!-- <span></span> -->
				</span>
				<span >
					<!-- <span></span> -->
				</span>
				<span >
					<!-- <span></span> -->
				</span>
				<span >
					<!-- <span></span> -->
				</span>
			</div>
		</div>
	</div>
	
</ion-content>
